<template>
  <div class="about">
    <br>
      <br>
      <router-link to="/HealthFx">
      <div class="zy">
        <br>
        <span>中   医   体   质   难   辨</span>
        <br>
        <br>
      </div>
      </router-link>
      <br>
      <br>
      <router-link to="/HealthXli">
      <div class="xl">
        <br>
        <span>心 理 问 卷 评 估 </span>
         <br>
        <br>
      </div>
      </router-link>
  </div>
</template>
<style scoped>
  a{
    text-decoration:none;
  }
  /* .fx{
    font-size: 100px;
    color: white;
    text-align: center;
    margin:0 auto;
    width: 90%;
    background-image: url("../assets/widget-risk01.png");
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5%;
  } */
   .zy{
    font-size: 50px;
     color: white;
     margin:0 auto;
     width: 90%;
     height: 50%;
     background-image: url("../assets/widget-risk02.png");
     background-repeat: no-repeat;
     background-size: 100%;
     border-radius: 5%;
  }
   .xl{
    font-size: 50px;
     color: white;
     margin:0 auto;
     width: 90%;
     background-image: url("../assets/widget-risk03.png");
     background-repeat: no-repeat;
     background-size: 100%;
     border-radius: 5%;
  }
</style>